﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Shared/MasterPage.master"  ValidateRequest="false"%>
<%@ Register Assembly="Typps" Namespace="Typps" TagPrefix="t" %>
<script runat="server">

</script>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
<title>
    Typps HTML Editor - Detach the toolbar and place it anywhere!
</title>
<style type="text/css">
    #placeholder1
    {
        background:#d3d5d5;
	    border-top:solid 1px #bfbfbd;
	    border-left:solid 1px #bfbfbd;
	    border-bottom:solid 1px #8b8d8c;
	    border-right:solid 1px #8b8d8c;
        float:left;
        width:400px;
        margin:0 0 0 10px;
    }
</style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<h1>Typps HTML Editor - Detached toolbar.</h1><i>(The toolbar can be independant of the editor)</i>
    <br style="clear:both"/>
    <t:Editor ID="Editor1" Height="500px" Width="300px" ToolBarContainerId="placeholder1" 
        EnableViewState="false" IconsMode="ImageSprites" runat="server">
    </t:Editor>
    <div id="placeholder1"></div>
    <br style="clear:both"/>
    <p>Documentation and more demos coming soon.</p>
</asp:Content>

